<script lang="ts" setup name="PlayGround">
// h 等价于 createVNode
// createVNode: 作用：创建虚拟DOM  (一个js对象, 可以模拟真实dom结构)
import { h, onMounted, render } from 'vue'
import Message from '@/components/XtxMessage/index'
import Confirm from '@/components/XtxConfirm/index'
// 参数1：创建的虚拟DOM的节点类型  比如  div h1  a  img
// 参数2：虚拟DOM拥有的属性，是一个对象
// 参数3：虚拟DOM节点的内容

// <h1 title="标题" id="box" class="aa">我是标题</h1>
const vNode = h('h1', { title: '标题', id: 'box', className: 'aa' }, '我是标题')

onMounted(() => {
    // 参数1：虚拟DOM
    // 参数2：真实的DOM，，，虚拟DOM的挂载点
    // render(vNode, document.querySelector('.box')!)
    Message.warning('警告')
    Confirm({
        text: '即将退出登录，是否继续',
        title: '温馨提示',

    }).then(() => console.log('点了确定'))
        .catch(() => console.log('点了取消'))
})


</script> 

<template>
    <div class="box">
        <h1 title="标题">我是一个标题</h1>
    </div>

</template>

<style scoped lang="less">
</style>